 $fontSizes:16px;

 :export {
    iconSize: $fontSizes;
 }

 #chat {
     background: #F5F5F5;
     height: 100vh;
     display: flex;
     min-width: 1200px;
     overflow: auto;

     .chat-nav {
         width: 60px;
         height: 100%;
         background: #2E2E2E;
         padding-top: 30px;

         .chat-user-headPortrait {
             padding: 10px;

             img {
                 width: 100%;
             }
         }

         ul {
             text-align: center;
             font-size: 26px;
             color: #fff;
             font-weight: 100;
             margin-top: 20px;

             li {
                 position: relative;
                 margin: 20px 0;
                 cursor: pointer;

                 .ant-badge {
                     transform: scale(.8);
                     position: absolute;
                 }
             }
         }
     }

     .chat-right {
         width: calc(100% - 60px);
     }
 }